<template>
    <div id="app">
        {{ list }}
        <button @click="getAxios">测试axios</button>
        <button @click="getAxiosTwo">测试axios封装的</button>
    </div>
</template>
<script>
import network from './network/index.js';
// axios.defaults.baseURL = 'http://127.0.0.1:3000';
export default {
    data() {
        return {
            list: []
        };
    },
    name: 'HomeView',
    components: {},
    methods: {
        getAxiosTwo() {
            network({
                url: '/students/edit',
                method: 'put',
                data: {
                    id: 14,
                    name: '学生名称',
                    phone: '12312412421',
                    age: '19',
                    address: '学生地址'
                }
            }).then((res) => {
                console.log(res);
            });
            // this.$axios
            //     .get('http://127.0.0.1:3000/students/check', {
            //         params: {
            //             pageNum: 1,
            //             pageSize: 10
            //         }
            //     })
            //     .then((res) => {
            //         console.log(res);
            //     });
        },
        getAxios() {
            axios.defaults.params = {
                names: 'wangfafa'
            };
            // axios.defaults.url = 'post';
            // 为给定 ID 的 user 创建请求
            // get
            axios
                // http://192.168.10.135:3000/students/check?pageNum=1&pageSize=10
                .get('/students/check', {
                    params: {
                        pageNum: 1,
                        pageSize: 10
                    }
                })
                .then((res) => {
                    this.list = res.data.results;
                    console.log(res);
                })
                .catch(function (error) {
                    console.log(error);
                });
            // axios
            //     .post('/students/add', {
            //         name: '王发发1990',
            //         age: 'Flintstone',
            //         phone: '13213421',
            //         address: '桥洞'
            //     })
            //     .then((res) => {
            //         console.log(res);
            //         if (res.data.code === 200) {
            //             alert('添加成功');
            //         }
            //     })
            //     .catch(function (error) {
            //         console.log(error);
            //     });
            // axios.all([axios.get('/students/check?pageNum=1&pageSize=10'), axios.get('/delete?id=20')]).then(
            //     axios.spread((res1, res2) => {
            //         console.log(res1, 'res1的数据');
            //         console.log(res2, 'res2的数据');
            //     })
            // );
        }
    }
};
</script>
<style lang="scss"></style>
